<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<script ></script>
<script>
	if(window.opener!=undefined && window.opener!=window.self){
		window.opener.open("/index","_self");
		window.open("","_self").close();
	}
</script>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
	
	<head>
		<meta charset="utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta content="width=device-width, initial-scale=1" name="viewport" />
		<meta content="" name="author" />
		<link rel="shortcut icon" href="/static/favicon.ico" />
		<title>pay-boy运营商系统</title>
	</head>
	
	<style>
		#loading{
			background-color: rgb(233, 236, 239);
			height: 100%;
			width: 100%;
			position: fixed;
			z-index: 1;
			margin-top: 0px;
			top: 0px;
		}
		#loading-center{
			width: 100%;
			height: 100%;
			position: relative;
			}
		#loading-center-absolute {
			position: absolute;
			left: 50%;
			top: 45%;
			height: 50px;
			width: 150px;
			margin-top: -25px;
			margin-left: -75px;
	
		}
		.object{
			width: 8px;
			height: 50px;
			margin-right:5px;
			background-color: #36c6d3;
			-webkit-animation: animate 1s infinite;
			animation: animate 1s infinite;
			float: left;
			}
	
		.object:last-child {
			margin-right: 0px;
			}
	
		.object:nth-child(10){
			-webkit-animation-delay: 0.9s;
		    animation-delay: 0.9s;	
			}
		.object:nth-child(9){
			-webkit-animation-delay: 0.8s;
		    animation-delay: 0.8s;	
			}	
		.object:nth-child(8){
			-webkit-animation-delay: 0.7s;
		    animation-delay: 0.7s;	
			}
		.object:nth-child(7){
			-webkit-animation-delay: 0.6s;
		    animation-delay: 0.6s;	
			}
		.object:nth-child(6){
			-webkit-animation-delay: 0.5s;
		    animation-delay: 0.5s;	
			}
		.object:nth-child(5){
			-webkit-animation-delay: 0.4s;
		    animation-delay: 0.4s;
			}
		.object:nth-child(4){
			-webkit-animation-delay: 0.3s;
		    animation-delay: 0.3s;		
			}
		.object:nth-child(3){
			-webkit-animation-delay: 0.2s;
		    animation-delay: 0.2s;	
			}
		.object:nth-child(2){
			-webkit-animation-delay: 0.1s;
		    animation-delay: 0.1s;
			}	
		@-webkit-keyframes animate {
		 
		  50% {
			-ms-transform: scaleY(0); 
		   	-webkit-transform: scaleY(0);
		    transform: scaleY(0);
			
			  }
		}
		@keyframes animate {
		  50% {
			-ms-transform: scaleY(0); 
		   	-webkit-transform: scaleY(0);
		    transform: scaleY(0);
			  }
		}
	</style>
	
	<link href = "/static/pages/css/index.css" rel="stylesheet" style="text/css"/>
	
	<style>
		.page-logo .logo-default {
			margin-top: -5px !important;
		}
		.page-logo .logo-description{
			font-size:16px;
			/*color:#43ac43;*/
			color:white;
			line-height:50px !important;
		} 
	</style>
	
	<!--[if lt IE 9]>
		<script src="/static/global/plugins/respond.min.js"></script>
		<script src="/static/global/plugins/excanvas.min.js"></script> 
		<script src="/static/global/plugins/ie8.fix.min.js"></script> 
	<![endif]-->
	<script src="/static/global/plugins/require/require.js"></script>
	<script src="/static/require.config.js"></script>


    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
	   	<div id="loading">
			<div id="loading-center">
				<div id="loading-center-absolute">
					<div class="object"></div>
					<div class="object"></div>
					<div class="object"></div>
					<div class="object"></div>
					<div class="object"></div>
					<div class="object"></div>
					<div class="object"></div>
					<div class="object"></div>
					<div class="object"></div>
					<div class="object"></div>
				</div>
			</div>
		</div>
    	<div class="page-wrapper"  id="index-page" style="display:none">
            <div class="page-header navbar navbar-fixed-top">
                <div class="page-header-inner ">
                    <div class="page-logo">
                        <a href="index.html">
                        	<span class="logo-description logo-default"><font color="white">☆payboy</font><font color="#36c6d3">运营商系统☆</font></span>
                        </a>
                        <div class="menu-toggler sidebar-toggler">
                            <span></span>
                        </div>
                    </div>
                    <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
                        <span></span>
                    </a>
                    <div class="top-menu">
                        <ul class="nav navbar-nav pull-right">
                            <li class="dropdown dropdown-user">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                    <img alt="" class="img-circle" src="/static/layouts/layout/img/avatar3_small.jpg" th:if="${#strings.isEmpty(headImageUrl)}"/>
                                    <img alt="" class="img-circle" th:src="${headImageUrl}" th:if="${!#strings.isEmpty(headImageUrl)}"/>
                                    <!-- <span class="username username-hide-on-mobile" sec:authentication="name"></span> -->
                                    <span class="username username-hide-on-mobile" th:text="${nickName}"></span>
                                    <i class="fa fa-angle-down"></i>
                                </a>
                                
                                
                                <ul class="dropdown-menu dropdown-menu-default" sec:authorize="hasAnyAuthority('/user/account/info','/user/account/password')">
                                    <li sec:authorize="hasAuthority('/user/account/info')">
                                        <a href="/user/account/info" class="ajaxify" data-index="7">
                                            <i class="icon-user"></i> 个人设置 </a>
                                    </li>
                                    <li sec:authorize="hasAuthority('/user/account/password')">
                                        <a href="/user/account/password" class="ajaxify" data-index="10">
                                            <i class="icon-key"></i> 修改密码 </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown dropdown-quick-sidebar-toggler">
                                <a href="/signOut" class="dropdown-toggle" autocomplete="off">
                                    <i class="icon-logout"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"> </div>
            <div class="page-container">
                
                <div th:replace="~{common/menu :: menu}"></div>
                
                <div class="page-content-wrapper">
                    <div class="page-content">

                    	<div class="tabs-box">
	                    	<div class="content-tabs">
				                <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
				                </button>
				                <nav class="page-tabs J_menuTabs">
				                    <div class="page-tabs-content">
				                        <a href="javascript:;" class="active J_menuTab" data-id="/index">首页</a>
				                    </div>
				                </nav>
				                <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
				                </button>
				                <div class="btn-group roll-nav roll-right">
				                    <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span></button>
				                    <ul role="menu" class="dropdown-menu dropdown-menu-right" style="z-index:9999">
				                        <li class="J_tabShowActive"><a>定位当前选项卡</a>
				                        </li>
				                        <li class="divider"></li>
				                        <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
				                        </li>
				                        <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
				                        </li>
				                    </ul>
				                </div>
				                <a href="javascript:void(0);" class="roll-nav roll-right J_tabRefresh"><i class="fa fa fa-refresh"></i></a>
				            </div>	
                    	</div>
                    
                    	<!-- data-index data-id 必须保留-->
						<div class="page-content-body" data-index="0" data-id="/index">
							<!-- <div th:replace="~{common/center :: center-bar}">...</div> -->
							<div th:replace="~{common/center :: center-content}">...</div>
							<!-- <div th:replace="~{common/center :: center-foot}">...</div> -->
						</div>
                    </div>
                </div>
            </div>
            
            <div class="page-footer">
                <div class="page-footer-inner"> 2018 © pay-boy By
                    <a target="_blank" href="http://www.payboy.top">ndood</a> &nbsp;|&nbsp;
                    <a href="javascript:void(0);" target="_blank">Welcome to pay-boy!</a>
                </div>
                <!-- <div class="scroll-to-top" style="display: block;">
                    <i class="icon-arrow-up"></i>
                </div> -->
            </div>
        </div>
		<script type="text/javascript">
			// 创建app.js 调用helper
			require(['./static/pages/scripts/index'], function($){
				
				// 初始化layui ext.js 使用requirejs扩展需要加代码
				// https://www.cnblogs.com/jiangxiaobo/p/5276482.html
				layer.config({
				    path: '/static/global/plugins/layer/'
				});
				layer.config({extend: 'extend/layer.ext.js'});
				// 必须加载完一个再加载另一个，避免并行重复加载资源导致的 类库方法冲突或者失效问题
				require(['jquery','jquery-validation','jquery-extension','layui','bootstrap-table',
					'bootstrap-table-zh-CN','bootstrap-table-mobile','jquery-treetable','jquery-treetable-extension',
					'bootstrap-datepicker','bootstrap-datetimepicker','jquery-jstree','bootstrap-datetimepicker-zh-CN','bootstrap-datepicker-zh-CN'
				],function(){
					document.getElementById("loading").style.display="none";
					document.getElementById("index-page").style.display="block";
				},function(e){
					document.getElementById("loading").style.display="none";
					document.getElementById("index-page").style.display="block";
					console.error(e);
				});
			});	
		</script>
    </body>
</html>